<!-- @format -->

<template>
  <el-dialog v-model="dialogVisible" :title="theProps.title" width="500">
    <span>{{ theProps.content }}</span>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="dialogVisible = false">Cancel</el-button>
        <el-button type="primary" @click="dialogVisible = false">
          Confirm
        </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  import { ElButton, ElDialog } from 'element-plus'
  const theProps = defineProps<{
    title: string
    content: string
  }>()
  const dialogVisible = ref(true)
</script>
